<!--
 * @Author: xiaoyan
 * @Date: 2021-09-08 18:02:02
 * @LastEditors: xiaoyan
 * @LastEditTime: 2021-09-09 18:05:29
 * @Description: 500
 * @FilePath: \vue-ts-basic\src\views\error\500.vue
-->
<template>
<div class="err-container">
    <div class="main">
        <h4>500</h4>
    </div>
</div>
</template>

<style lang="scss" scoped>
.err-container{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    h4{
        font-size:60px;
        font-weight: bold;
        margin-top:20%;
        text-align: center;
    }
}
</style>